$def with (private_data)
<div class="col-md-4 ">
    <div class="container">
        <div class="row bgc mt-5 right-author">
            <div class="col-md-12 ">
                <div class="auth-img">
                    <img src="$static_url('images/default.jpg')" alt="">
                </div>
                <div class="auth-name">
                    <span>惜缘</span>
                    <p>一个前端开发</p>
                </div>
                <div class="auth-info">
                    <ul>
                        <li><strong>2</strong><span>今日访问量</span></li>
                        <li><strong>2</strong><span>今日访问量</span></li>
                        <li><strong>2</strong><span>今日访问量</span></li>
                    </ul>
                </div>

            </div>
        </div>
        <div class="row bgc mt-3">
            <!--<form>-->
            <form class="search" action="$make_url('/article/search')" method="GET">
                <input type="text" class="search-input" name="keywords" placeholder="输入搜索内容" required>
                <input class="search-submit" value=""  type="submit">
                <i class="el-search"></i>
            </form>
            <!--</form>-->
        </div>
        <div class="row bgc mt-4" style="display: none">
            <div class="new new-right">
                <span><i class="el-arrow-up"></i></span>
                <span>内容分类</span>
                <small>Article Category</small>
            </div>
            <div class="col-md-12 ">
                <div class="notice">
                    <ul>
                        $for cat in private_data['category_list']:
                            <li><a href="$make_url('/article/list', {'category_id':cat.id})">$:cat.name</a></li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="row bgc mt-3">
            <div class="new new-right">
                <span><i class="el-headphones"></i>推荐文章</span>
                <small>New Article</small>
            </div>
            <div class="col-md-12 ">
                <div class="tab-pane" role="tabpanel"
                     aria-labelledby="nav-profile-tab">
                    <ul class="art-sort">
                        <li>
                            <span>1</span>
                            <a href="#">thinkphp5随机抽取数据的方法
                                <b>(235)</b>
                            </a>
                        </li>
                        <li>
                            <span>2</span>
                            <a href="#">thinkphp5随机抽取数据的方法
                                <b>(235)</b>
                            </a>
                        </li>
                        <li>
                            <span>3</span>
                            <a href="#">thinkphp5随机抽取数据的方法
                                <b>(235)</b>
                            </a>
                        </li>
                        <li>
                            <span>4</span>
                            <a href="#">thinkphp5随机抽取数据的方法
                                <b>(235)</b>
                            </a>
                        </li>
                        <li>
                            <span>5</span>
                            <a href="#">thinkphp5随机抽取数据的方法
                                <b>(235)</b>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row bgc mt-5">

            <div class="nav nav-tabs tab-atr" id="box" role="tablist">
                <a class="nav-item  active actives" id="nav-home-tab"
                   data-toggle="tab" href="#nav-home" role="tab"
                   aria-controls="nav-home" aria-selected="true">文章互动</a>
                <a class="nav-item " id="nav-profile-tab" data-toggle="tab"
                   href="#nav-profile" role="tab" aria-controls="nav-profile"
                   aria-selected="false">文章排行</a>
            </div>

            <div class="tab-content" id="nav-tabContent">
                <div class="tab-pane fade show active" id="nav-home"
                     role="tabpanel" aria-labelledby="nav-home-tab">
                    <ul class="hd-ul">
                        <li>
                            <div class="art-hd-list-left">
                                <a href="#">
                                    <img src="$static_url('images/logo.png')" alt=""></a>
                            </div>
                            <div class="art-hd-list-right">
                                <span><i class="el-user"></i>惜缘</span>
                                <time>2020-3-7</time>
                                <p>一般都是传关键字给后端，由后端来做...</p>
                            </div>
                        </li>
                        <li>
                            <div class="art-hd-list-left">
                                <a href="#"><img src="$static_url('images/logo.png')"
                                                 alt=""></a>
                            </div>
                            <div class="art-hd-list-right">
                                <span><i class="el-user"></i>惜缘</span>
                                <time>2020-3-7</time>
                                <p>一般都是传关键字给后端，由后端来做...</p>
                            </div>
                        </li>
                        <li>
                            <div class="art-hd-list-left">
                                <a href="#"><img src="$static_url('images/logo.png')"
                                                 alt=""></a>
                            </div>
                            <div class="art-hd-list-right">
                                <span><i class="el-user"></i>惜缘</span>
                                <time>2020-3-7</time>
                                <p>一般都是传关键字给后端，由后端来做...</p>
                            </div>
                        </li>
                        <li>
                            <div class="art-hd-list-left">
                                <a href="#"><img src="$static_url('images/logo.png')"
                                                 alt=""></a>
                            </div>
                            <div class="art-hd-list-right">
                                <span><i class="el-user"></i>惜缘</span>
                                <time>2020-3-7</time>
                                <p>一般都是传关键字给后端，由后端来做...</p>
                            </div>
                        </li>
                        <li>
                            <div class="art-hd-list-left">
                                <a href="#"><img src="$static_url('images/logo.png')"
                                                 alt=""></a>
                            </div>
                            <div class="art-hd-list-right">
                                <span><i class="el-user"></i>惜缘</span>
                                <time>2020-3-7</time>
                                <p>一般都是传关键字给后端，由后端来做...</p>
                            </div>
                        </li>

                    </ul>
                </div>
                <div class="tab-pane fade" id="nav-profile" role="tabpanel"
                     aria-labelledby="nav-profile-tab">
                    <ul class="art-sort">
                        <li>
                            <span>1</span>
                            <a href="#">thinkphp5随机抽取数据的方法
                                <b>(235)</b>
                            </a>
                        </li>
                        <li>
                            <span>2</span>
                            <a href="#">thinkphp5随机抽取数据的方法
                                <b>(235)</b>
                            </a>
                        </li>
                        <li>
                            <span>3</span>
                            <a href="#">thinkphp5随机抽取数据的方法
                                <b>(235)</b>
                            </a>
                        </li>
                        <li>
                            <span>4</span>
                            <a href="#">thinkphp5随机抽取数据的方法
                                <b>(235)</b>
                            </a>
                        </li>
                        <li>
                            <span>5</span>
                            <a href="#">thinkphp5随机抽取数据的方法
                                <b>(235)</b>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>


        </div>


        <div class="row bgc mt-5">
            <div class="new new-right">
                <span><i class="el-tags"></i>标签云</span>
                <small>New Article</small>
            </div>
            <div class="col-md-12 ">
                <ul class="label">
                    <li>
                        <a href="#" title="生活">生活&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="模糊查询">模糊查询&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="遍历二维数组">遍历二维数组&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="Mui">Mui&nbsp;&nbsp;(2)</a>

                    </li>

                    <li>
                        <a href="#" title="随机">随机&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="文章月统计">文章月统计&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="时间戳">时间戳&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="一周每天的数据">一周每天的数据&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="无限极分类">无限极分类&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="tp5">tp5&nbsp;&nbsp;(2)</a>

                    </li>

                    <li>
                        <a href="#" title="面试">面试&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="layui">layui&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#"
                           title="Thinkphp5">Thinkphp5&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="QQ互联">QQ互联&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="惜缘">惜缘&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="发斯蒂芬">发斯蒂芬&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="擦擦">擦擦&nbsp;&nbsp;(3)</a>

                    </li>

                    <li>
                        <a href="#" title="发">发&nbsp;&nbsp;(2)</a>

                    </li>

                    <li>
                        <a href="#" title="测试">测试&nbsp;&nbsp;(5)</a>

                    </li>

                    <li>
                        <a href="#" title="fasdfasd">fasdfasd&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="测试数据2">测试数据2&nbsp;&nbsp;(1)</a>

                    </li>

                    <li>
                        <a href="#" title="测试数据">测试数据&nbsp;&nbsp;(2)</a>

                    </li>

                </ul>
            </div>
        </div>

        <div class="row bgc mt-5">
            <div class="new new-right">
                <span><i class="el-paper-clip"></i>友情连接</span>
                <small>Friend Links</small>
            </div>
            <div class="col-md-12 ">
                <ul class="links">
                    <li><a href="">百度一下</a></li>
                    <li><a href="">惜缘个人博客</a></li>
                    <li><a href="">百度一下</a></li>
                    <li><a href="">百度一下</a></li>
                </ul>

            </div>
        </div>

    </div>
</div>